var$ = jQuery,
	$list = $(".uploader-list"),
	$ctlBtn = $("#ctlBtn")
var uploader = WebUploader.create({

	// swf文件路径
	swf: './dist/Uploader.swf ',

	// 文件接收服务端。
	server: '/Second_Project/bookimg',

	// 选择文件的按钮。可选。
	// 内部根据当前运行是创建，可能是input元素，也可能是flash.
	pick: '#picker',

	// 不压缩image, 默认如果是jpeg，文件上 传前会压缩一把再上传！
	resize: false

});
// 当有文件被添加进队列的时候
uploader.on('fileQueued', function(file) {
	$list.append('<div id="' + file.id + '" class="item">' +
		'<h4 class="info">' + file.name + '</h4>' +
		'<p class="state">等待上传...</p>' +
		'</div>');
});
// 文件上传过程中创建进度条实时显示。
uploader.on('uploadProgress', function(file, percentage) {
	var $li = $('#' + file.id),
		$percent = $li.find('.progress .progress-bar');

	// 避免重复创建
	if(!$percent.length) {
		$percent = $('<div class="progress progress-striped active">' +
			'<div class="progress-bar" role="progressbar" style="width: 0%">' +
			'</div>' +
			'</div>').appendTo($li).find('.progress-bar');
	}

	$li.find('p.state').text('上传中');

	$percent.css('width', percentage * 100 + '%');
});
uploader.on('uploadSuccess', function(file) {
	$('#' + file.id).find('p.state').text('已上传');
});

uploader.on('uploadError', function(file) {
	$('#' + file.id).find('p.state').text('上传出错');
});

uploader.on('uploadComplete', function(file) {
	$('#' + file.id).find('.progress').fadeOut();
});
uploader.on('uploadComplete', function(file) {
	$('#' + file.id).find('.progress').remove();
});
uploader.on('uploadSuccess', function(file, response) {
	console.log(file)
	console.log(response)
	$("#imgurl").val(response)
	asd();
})
function asd() {
		var data_form = $("form").serialize();
		console.log(data_form)
		$.ajax({
		type: "post",
		url: "/Second_Project/newbooks",
		async: true,
		data: data_form,
		dataType: 'json',
		success: function sucess() {
			console.log("上传成功1111")
		},
		error: function error(xhr) {
			console.log(xhr);
		}
	});
	}
$("#ctlBtn").click(function() {
	uploader.upload();
});